inside@charset "utf-8";
/* CSS Document */

/* Beyond standard 960 */
@media only screen and (min-width: 960px){
	
}

@media only screen and (max-width: 960px) {

	#Header .headeroverlay .navdiv .nav{ margin:0 auto; padding:0;}
	#Header .headeroverlay .navdiv .nav li{ margin:0; padding:3% 0 3% 0; display:block; border-top:1px solid #e5e5e5; border-left:0;}
	#Header .headeroverlay .navdiv .nav li:first-child{ border-top:0; border-left:0;}
	#Header .headeroverlay .navdiv .nav li a { display:block;}
	
	#bannercontainer { width:100%;}
	#bannercontainer #slides .slides_container {width:900px;border:0px solid green;}
	#bannercontainer #slides .slides_container .slide {width:900px;height:400px;}
	#bannercontainer #slides .slides_container .slide img{ max-width:100%; height:auto;}
}
@media only screen and (max-width: 768px){
	#Header { background:#cccccc url(../images/top_bg.png) center top repeat; height:725px;}
	#Header .headeroverlay{ margin:0 auto; padding:0; width:100%;}
	#Header .headeroverlay .navdiv .nav{ margin:0 auto; padding:0;}
	#Header .headeroverlay .navdiv .nav li{ margin:0; padding:3% 0 3% 0; display:block; border-top:1px solid #e5e5e5; border-left:0;}
	#Header .headeroverlay .navdiv .nav li:first-child{ border-top:0; border-left:0;}
	#Header .headeroverlay .navdiv .nav li a { display:block;}
	
	#bannercontainer { width:100%;}
	#bannercontainer #slides .slides_container {width:700px;border:0px solid white;}
	#bannercontainer #slides .slides_container .slide {width:700px;height:290px;}
	#bannercontainer #slides .slides_container .slide img{ max-width:100%; height:auto;}
	
	.container { margin:0 auto; padding:0; width:700px;}
}

/* Upwards of Mobile Landscape Size  */
@media only screen and (min-width: 479px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#Header .headeroverlay{ margin:0 auto; padding:0; width:98%;}
	#Header { background:#cccccc url(../images/top_bg.png) center top repeat; height:600px;}
	
	#bannercontainer { width:100%;}
	#bannercontainer #slides .slides_container {width:400px; border:0px solid yellow;}
	#bannercontainer #slides .slides_container .slide {width:400px;height:180px;}
	#bannercontainer #slides .slides_container .slide img{ max-width:100%; height:auto;}
	#bannercontainer #slides .pagination {margin-left:40%;width:400px;text-align:center;}
	
	.container { margin:0 auto; padding:0; width:400px;}
}

@media only screen and (max-width: 320px) and (min-width:330px) {
	#Header .headeroverlay{ margin:0 auto; padding:0; width:98%;}
	
	#Header { background:#cccccc url(../images/top_bg.png) center top repeat; height:510px;}
	
	#bannercontainer { width:100%; border:0px solid red;}
	#bannercontainer #slides .slides_container {width:280px;}
	#bannercontainer #slides .slides_container .slide {width:280px;height:140px;}
	#bannercontainer #slides .slides_container .slide img{ max-width:100%; height:auto;}
	#bannercontainer #slides .pagination {margin-left:10%;width:280px;text-align:center;}
	
	.container { margin:0 auto; padding:0; width:280px;}
	
	#footer p{font-size:12px;}
}




